<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>易知学社</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../double.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />
		<link rel="stylesheet" type="text/css" href="../../js/swiper.min.css"/>
		<script src="../../js/swiper.min.js"></script>
	</head>
	<body>
		<!-- 底部tab -->
		<ul class="foot">
			<li class="Imgbox" >
				<a href="index.html">
					<div class="xz-img">
						<img src="../../img/tabar_home012x.png" />
					</div>
					<p class="botm-title actives">首页</p>
				</a>
			</li>
			<li class="Imgbox" >
				<a href="../course/course.html">
					<div class="xz-img">
						<img src="../../img/tabar_course012x.png" />
					</div>
					<p class="botm-title ">课程</p>
				</a>
			</li>
			<li class="Imgbox" >
				<a href="../me/me.html">
					<div class="xz-img">
						<img src="../../img/tabar_user012x.png" />
					</div>
					<p class="botm-title ">我的</p>
				</a>
			</li>
		</ul>
		<h1>易知学社</h1>
		<!-- 搜索部分 -->
		<div class="search">
			<a href="search.html">
				<input type="search" placeholder="易经藏宝图"/>
				<img src="../../img/search2x.png" >
			</a>
		</div>
		<!-- 首页tab部分 -->
		<div class="tab">
			<a href="../course/course.html" class="tab_active">易·学社</a>
			<a href="#">家·学社</a>
			<a href="#">企·学社</a>
		</div>
		<!-- 轮播图 -->
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="../../img/banner2x.png" ></div>
				<div class="swiper-slide"><img src="../../img/banner2x.png" ></div>
				<div class="swiper-slide"><img src="../../img/banner2x.png" ></div>
		    </div>
		</div>
		<script>
		var swiper = new Swiper('.swiper-container');
		</script>
		<!-- 横向滚动 -->
		<div class="scroll">
			<div class="title">
				<h2>免费课程</h2>
				<a href="#">全部 > </a>
			</div>
			<div class="swiper-containers">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image01_course2x.png" >
						<h3>易经藏宝图</h3>
						<p>公开课</p></a>
					</div>
			        <div class="swiper-slide">
			        	<a href="../course/Course_details.html"><img src="../../img/image02_course2x.png" >
			        	<h3>易经四大系统应...</h3>
			        	<p>系列课程</p></a>
			        </div>
					<div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image03_course2x.png" >
						<h3>初九易术应用</h3>
						<p>系列课程</p></a>
					</div>
					<div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image04_course2x.png" >
						<h3>九二宏观易理</h3>
						<p>系列课程</p></a>
					</div>
					<div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image05_course2x.png" >
						<h3>九二宏观易理</h3>
						<p>系列课程</p></a>
					</div>
					<div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image06_course2x.png" >
						<h3>易经藏宝图</h3>
						<p>系列课程</p></a>
					</div>
					<div class="swiper-slide">
						<a href="../course/Course_details.html"><img src="../../img/image07_course2x.png" >
						<h3>易经藏宝图</h3>
						<p>公开课</p></a>
					</div>
			    </div>
			    <!-- Add Scrollbar -->
			    <!-- <div class="swiper-scrollbar"></div> -->
			</div>
			<!-- Initialize Swiper -->
			<script>
			var swiper = new Swiper('.swiper-containers', {
			    // scrollbar: '.swiper-scrollbar',
			    scrollbarHide: true,
			    slidesPerView: 'auto',
			    // centeredSlides: true,
			    // spaceBetween: 30,
			    grabCursor: true
			});
			</script>
		</div>
		<!-- 推荐课程 -->
		<div class="course">
			<div class="title">
				<h2>推荐课程</h2>
				<a href="#">全部 > </a>
			</div>
			<ul>
				<li>
					<a href="../course/Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="../../img/image04_course2x.png" class="fl">
							<div class="texts">
								<div class="top">
									<h3>家庭五行定位</h3>
									<p>正本清源·清晰知易</p>
								</div>
								<p><i>公开课</i>128人已学习</p>
							</div>
						</div>
						<div class="fr right">
							<div class="price">
								公益
							</div>
						</div>
					</a>
				</li>
				<li>
					<a href="../course/Course_details.html" class="clearfix">
						<div class="fl left">
							<img src="../../img/image04_course2x.png" class="fl">
							<div class="texts">
								<div class="top">
									<h3>家庭五行定位</h3>
									<p>正本清源·清晰知易</p>
								</div>
								<p><i>公开课</i>128人已学习</p>
							</div>
						</div>
						<div class="fr right">
							<div class="price">
								¥5800.00<br />
								<del>¥6800.00</del>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
